@charset "utf-8";
/* CSS Document */
html,body,div,span,p,a,em,img,ul,li{margin: 0;padding: 0;border: 0;box-sizing:border-box;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,html{height:100%;background:#eeebeb;}
em{font-style: normal;}
ul{list-style:none;}
input{-webkit-appearance: none;}
/*清除浮动代码*/
.clearfix:after{ display: block; clear: both; content:"";visibility:hidden;height:0}/*IE8及以上*/
#wrapper{color:#000;font-size:14px;-webkit-text-size-adjust:none;position:relative;margin:0 auto;-webkit-overflow-scrolling:touch;max-width:640px;height:100%;overflow:auto;padding-bottom:40px;}
img{border:none;max-width:100%;}
.avatar{border-radius:50%;width:40px;}
.topic-top{position:relative;padding-top:5px;padding-left:90px;}
.topic-top .title{height:50px;}
.topic-pic{position:absolute;top:5px;left:0;width:80px;}
.time,.topic-top .sub,.visiter,.address{color:#a8a8a8;font-size:0.9em;}
.topic-part1{word-break: break-all; word-wrap:break-word;background:#fff;padding:15px 10px 0 15px;margin-bottom:10px;}
.topic-part1 .dec{text-indent:2em;line-height:1.6em;padding:10px 0 6px;word-break: break-all;}
.topic-part1 .visiter{float:right;padding:0 20px 12px 0;}
.topic-part1 .visiter img{height:14px;margin-right:2px;}
.part2-nav{background:#fff;border-bottom:1px solid #eeebeb;}
.part2-nav a{color:#a8a8a8;display:inline-block;padding:12px 0 9px;position:relative;top:1px;text-align:center;width:20%;}
.part2-nav a:nth-child(1){margin:0 4% 0 26%;}
.part2-nav a .line{width:0%;height:2px;background:#fb714c;position: absolute;bottom:0;left:0;}
.part2-nav a.cur{color:#000;}
.part2-nav a.cur .line{width:100%;-webkit-animation:linemove backwards 0.2s;}
@-webkit-keyframes linemove{
    0% {width:0;}
    100% {width:100%;}
}
.topic-part2 .sub-con{background:#fff;margin-bottom:10px;position:relative;padding:10px 10px 0 15px;}
.topic-part2 .userinfo{padding-left:52px;padding-top:7px;height:60px;line-height:1.3em;}
.topic-part2 .sub-con p{color:#5c5c5c;}
.topic-part2 .sub-con p a{color:#5c5c5c;}
.topic-part2 .avatar{position:absolute;left:15px;top:15px;}
.topic-part2 .data{padding:12px 12px 15px;}
.topic-part2 .data a{color:#d7d7d7;float:left;position:relative;}
.topic-part2 .data a:nth-child(1){background:url(http://66xiaoqu.babytreeimg.com/images/topic/zan.png) left center no-repeat;padding-left:25px;background-size:auto 100%;width:24%;margin-right:20%;}
.topic-part2 .data a:nth-child(2){background:url(http://66xiaoqu.babytreeimg.com/images/topic/share.png) left center no-repeat;padding-left:25px;background-size:auto 100%;}
.topic-part2 .data a:nth-child(3){background:url(http://66xiaoqu.babytreeimg.com/images/topic/debate.png) left center no-repeat;padding-left:25px;background-size:auto 100%;width:auto;float:right;}
.topic-part2 .pic-box{padding-top:5px;}
.topic-part2 .pic-box img{float:left;margin:1.1%;width:30.7%;}
.btn-bottom{background:#fb714c;color:#fff;position:fixed;bottom:0;left:0;font-size:18px;text-align:center;height:40px;line-height:40px;width:100%;}
.loading-tips{text-align: center;padding:0px 0px 45px 0px;}
.loading-tips img{height:16px;margin-right:5px;vertical-align: middle;}

.contentEmpty{color:#a8a8a8;font-size:12px;text-align:center;padding-top:65px;}
.contentEmpty img{margin:10px 0 40px;}

footer {
    background: rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    padding: 7px 10px 0;
    position: fixed;
    height: 68px;
    bottom: 0;
    left: 0;
    width: 100%;
}

footer span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5%;
    width: 65%;
    height: 100%;
}

footer img {
    max-height: 100%;
}

footer a {
    color: #fff;
    background: #f7744a;
    border-radius: 5px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 30%;
}
